
var hamburger = document.querySelector(".hamburger");
// On click
hamburger.addEventListener("click", function() {
	// Toggle class "is-active"
	hamburger.classList.toggle("is-active");
	// Do something else, like open/close menu
});

var svg = document.getElementById('svg');
var indexcontent = document.getElementById('content');

function changeShow() {
	if (svg.classList.contains('index-svg')) {
		svg.classList.remove('index-svg')
		svg.classList.add('index-svg-hidden')
		indexcontent.classList.remove('index-hidden')
		indexcontent.classList.add('index-show')
	} else {
		svg.classList.add('index-svg')
		svg.classList.remove('index-svg-hidden')
		indexcontent.classList.add('index-hidden')
		indexcontent.classList.remove('index-show')
	}
}
var btns = document.querySelectorAll('.indexbtn');
var texts = document.querySelectorAll(".indetext")

window.onload = function() {
	for (let i = 0; i < btns.length; i++) {
		btns[i].index = i;
		btns[i].onclick = function() {
			for (let i = 0; i < btns.length; i++) {
				texts[i].classList.add("hidden", )
				btns[i].classList.add('bg-white', "text-dark")
			}
			texts[i].classList.remove('hidden')
			texts[i].classList.add("animate__fadeInLeft", "animate__animated")
			btns[i].classList.remove('bg-white', "text-dark")

		}
	}
}
